<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ornate Business &amp; Portfolio Template</title>
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/layout.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />

<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

<!-- Start: Superfish scripts -->
<link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen" />
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript">
	// initialise plugins
	jQuery(function(){
	jQuery('ul.sf-menu').superfish();
	});
</script>
<!-- end: Superfish scripts -->

<!--[if gt IE 5.5]>
        <script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->

</head>
<body>
<!-- start: Wrapper -->
<div id="Wrapper">

<!-- start: header -->
<div id="header">
	<div class="container_12">
		<div class="grid_4">
				<!-- start: logo -->
				<div class="logo">
				<a href="#">Logo</a>				</div>
				<!-- end: logo -->
		</div>
		<!-- start: menu -->	
      	<div class="grid_8">
			<div id="menu">
					<!-- start: sf-menu -->
					<ul class="sf-menu">
						<li><a href="index.html">Home</a></li>
						<li class="current"><a href="aboutus.html">aboutus</a></li>
						<li><a href="services.html">services</a>
							<ul>
								<li> <a href="#">Web Designing</a></li>
								<li><a href="#">Banner Designing</a>
									<ul>
										<li><a href="#">Logo Designing</a></li>
										<li><a href="#">SEO Marketing</a></li>
									</ul>
								</li>
								<li><a href="#">Coding Forums</a></li>		
							</ul>
						</li>	
						<li> <a href="portfolio.html">portfolio</a></li>
						<li> <a href="blog.html">Blog</a> </li>
						<li> <a href="contactus.html">contact Us</a> </li>
					</ul>
					<!-- end: sf-menu -->

			</div> 	
			<!-- end: menu -->			
      	</div>
	</div>
</div>
<!-- end: header -->

<div class="clear">&nbsp;</div>

<!-- start: subheader --> 
<div id="subheader">
	<div class="container_12"> 
		<div class="grid_4">
			<h2>About Us </h2>
		</div>
		<div class="grid_8">
		 	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
		</div>
	</div>		  
</div>
<!-- end: subheader -->

<div class="clear">&nbsp;</div>	  
      
<!-- start: middlecontent -->
<div class="midcontent">
	<div class="container_12">
		<!-- start: Leftpart -->
		<div id="sidebar" class="grid_3">
			<div class="content line">
				<!-- Start : Sub Menu -->
					<ul class="subnav">
						<li class="current"><a href="#">About Us</a> </li>
					  	<li><a href="#">Designing Reviews</a> </li>
					    <li><a href="#">Ornate Blog </a> </li>
					    <li><a href="#">Support</a> </li>
					    <li><a href="#">Contact Us</a> </li>
					    <li><a href="#">Terms of Services</a> </li>
					</ul>
				<!-- End : Sub Menu -->
				
		<!-- start: newlist -->
		<h3>News and Events</h3>
		<ul class="newslist">
			<li><span>12 Dec 2009 | <a href="#">0 comments</a></span>
				<h5><a href="#">Duis nec porttitor lorem</a></h5> Mauris et nisi urna nonfaucibus lacus magna. Integer lacus ante then ante ullamcorper ut vulputate.. </li>
			<li><span>18 Dec 2009 | <a href="#">5 comments</a></span>
				<h5><a href="#">Aenean interdum</a></h5> Vestibulum ante ipsum primis into faucibus orci luctus ultrices antene posuere.</li>
			<li><span>4 Jan 20010 | <a href="#">2 comments</a></span>
				<h5><a href="#">Integer vitae nisl</a></h5> Duis volutpat ligula laoreet orci lectus placerat Curabitur lectus malesuada pulvinar.</li>
		</ul>
		<!-- end: newlist -->	  
 
			   
				     <!-- end: content -->
					</div>
				<!-- end: Leftpart -->	  
				</div>
		
    	<!--Start: Rightpart-->
		<div class="grid_9">
         	<div class="content">
				<h2>About Our <span>Company!</span></h2>
					<img src="images/aligned.gif" alt="about us" class="alignleft" />
                  	<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.</p>
                  	<p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. </p>
                  	<br />
                  
				<h2>About Our <span>Company!</span></h2>
					<img src="images/aligned.gif" alt="about us" class="alignright" />
                  	<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.</p>
                  	<p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. </p>
                  	<br />
                 <h2>Team Leaders</h2> 
				 	<!-- start: listitems -->

                  	<ul class="listitems">
						<li><strong>John Doe</strong> : Team Manager</li>
						<li><strong>Chris</strong> : Project Manager</li>
						<li><strong>Chris Douglas</strong>: Executive Director</li>
						<li><strong>Mike Trevlos</strong> : Managing Director</li>
					</ul>
					<!-- end: listitems -->	
					<br />
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>			
     			<!-- end: content -->
            	</div>
			<!-- end: rightpart -->	
			</div>
		<!-- end: container -->	
  		</div>
 	<!-- end: middlecontent -->
	</div>
<div class="clear">&nbsp;</div>

<!--start #footer -->
<div id="footer">
	<div class="container_12">
	
		<!-- Start: footerlist -->
		<div class="grid_3">
        	<h4>Back Links</h4>
        		<ul>
					<li><a href="#">Home page</a></li>
				  	<li><a href="#">Furniture Gallery</a></li>
				  	<li><a href="#">News Letters </a></li>
				  	<li><a href="#">Privacy Policies </a></li>
				  	<li><a href="#">Terms and Conditions</a></li>
				</ul>
		</div>
		<!-- end: footerlist -->
		
		<!-- Start: Categories --> 
      		<div class="grid_3">
				<h4>Categories</h4>
					<!-- start: subnav -->
					<ul>
						<li class="current"><a href="#">Sub Categories</a> </li>
						<li><a href="#">Ornate Reviews</a> </li>
						<li><a href="#">Ornate Blog </a> </li>
						<li><a href="#">Support Team</a> </li>
						<li><a href="#">FAQ's</a> </li>
					</ul>
					<!-- end: Categories -->
					</div>

		<!-- Start: Archives -->
     	 <div class="grid_3">
			<!-- Start : Sub Menu -->
				<h4>Archives</h4>
					<ul>
						<li class="current"><a href="#">January 2010</a> </li>
					  	<li><a href="#">December 2009</a> </li>
					    <li><a href="#">November 2009</a> </li>
					    <li><a href="#">October 2009</a> </li>
					    <li><a href="#">September 2009</a> </li>
					 </ul>
				<!-- End : Sub Menu -->
				</div>
		<!-- Start: Get in Touch -->
		<div class="grid_3">
	        <h4>Get in Touch!</h4>
        	<p>we will be more than happy to assist you if you have any questions regarding anything about this template. Lorem ipsum vitae ultricies tempor sit amet ante. </p>
        	<p> <strong>Mobile</strong> : +91-0123456789<br />
         	<strong>E-Mail</strong> : yourname@domain.com </p>
		</div>
		<!-- end: Get in Touch -->
			</div>
			
</div>
<!--end: #footer -->

<div class="clear"></div>

<!-- start: copyright -->	
<div class="copyright">
	<div class="container_12">
		<p class="floatright">Designed and developed by system32</p>
		<p class="floatleft">&copy; Copyright 2010 yourdomain.com All rights reserved &nbsp;<a href="#">www.domainname.com</a></p>
	</div>
</div>
<!-- end: copyright -->  

<!--End: Wrapper-->
</div>
</body>
</html>
